Закладки

Виды исследований

Как с помощью исследования превратить неорганизованный творческий процесс в технологичную цепочку действий, которые приводят к предсказуемому результату.
Дизайнеры с большим опытом иногда игнорируют этап исследования, выезжая на том, что у них в голове накопилось много паттернов готовых решений. Но в этом высока доля случайности — можно ошибиться и использовать не тот паттерн, либо просто не найти того, что нужно. Начинающим дизайнерам еще сложнее.

Исследования помогают и тем, и другим, позволяя формализовать процесс дизайна, качественно (с глубоким погружением и на высоком уровне) разработать аналитику и креативную концепцию в отведенное время.
Любой неорганизованный творческий процесс похож на черный ящик. Даешь дизайнеру задание, он пропадает на неделю, потом приносит нечто. Что происходило в это время и откуда что взялось — непонятно. Магия. Это порождает две большие проблемы:

1. Решение сильно зависит от жизненного опыта дизайнера. Чем больше дизайнер знает об окружающем мире, тем больше вероятность, что он нарисует хороший дизайн. Это — ограничение. Качество определяется субъективными параметрами, а должно быть стабильным.

2. Невозможно спланировать работу по времени и результату. Если надеяться только на вдохновение, озарение и божественное провидение, то иногда бывает, что результат получается через три дня. Но если не угадал, то решение задачи растягивается на три недели.

Чтобы раскрыть черный ящик, нужно понять из каких этапов состоит процесс, и формализовать его. Тогда результат будет прогнозируемым, а не так что выпадет черное или красное, было настроение или нет.

Валери Аренас
ARENAS®lab
Очень важно анализировать процесс проектирования, чтобы продвинуться дальше за границу первичных идей и всплывающий образов. В результате вы делаете все это на автопилоте, освобождаете голову, чтобы получить экстраординарный результат.

Признак застоя, если вы думаете так же, как раньше. Это сигнал: скорее всего, вы остановились в развитии. Хороший признак, когда от проекта к проекту все процессы выглядят все более технологичными и спектр обрабатываемых условностей стремится к бесконечности. Только так можно «накопать» по-настоящему стоящие решения.

Лучше не использовать слово «угадал». Лучше апеллировать фактами, удалось ли решить задачу или нет. «Нет» — когда решение не выдерживает критики, а это происходит, если результат базируется на интуитивном поиске. Результат всегда должен базироваться только на рациональном и логичном.

Что дает исследование?

Погружает дизайнера в контекст и решения становятся аргументированными. Дизайнер предлагает не просто что-то прикольное, а строит логические взаимосвязи.

Позволяет эффективнее выстроить отношения с заказчиком. Исследование — это общение. Вы изучаете не просто бизнес, но и самого заказчика и его клиента, и в процессе начинаете лучше понимать что нужно пользователю, что хочет заказчик и как это реализовать.

часть 1

Первичные исследования

Первичное исследование — метод сбора информации путем непосредственного взаимодействия: интервью, наблюдение, проведение экспериментов и т.д.

Первичные исследования делятся на качественные (глубинные интервью, наблюдение за человеком целый день) и количественные (статистика, опросы, аналитика сайта).

Среди качественных исследований выделяют:

Этнографию — метод изучения повседневной жизни потребителей. Название метода заимствовано из исторической науки, когда этнографы, исследуя незнакомые племена, описывают образ жизни людей, чтобы понять их мотивы и поступки. Этнография применяется, когда информация о целевой аудитории минимальна. Наблюдения дают понять разные сценарии поведения пользователей и «точки входа» — в каких ситуациях у человека возникает необходимость воспользоваться продуктом.

Рефлексию — наблюдение за собой, анализ собственного опыта. Фиксирование и осознание своих чувств и переживаний.

Метод тени — повторение действий человека. Например, вы фиксируете поведение пользователя на сайте, а потом копируете, отмечая значимые моменты.

Наблюдения фиксируются с помощью фотоаппарата, аудио и видеозаписей. Запишите беседу на диктофон, отдайте запись на расшифровку и у вас будет готовый документ, который поможет вернуться к любой точке беседы. Сфотографируйте людей, у которых вы берете интервью. Если в дальнейшем с материалом будет работать другой человек, фотография поможет лучше понять пользователя. Снимите взаимодействие с продуктом на камеру и потом вы сможете просмотреть и увидеть какие-то момент, которые не заметили сразу.

Татьяна Смирнова
Консультант по командному и персональному развитию. Посол Behance в России. Магистр курса DMM, Hyper Island, Манчестер. coachtapua.com
Мой опыт работы в командах (особенно международных) и изучения командной работы над проектами составляет более пяти лет. И первичное исследование оказывается очень важным аспектом в групповой динамике. Оно не только позволяет погрузиться в бизнес заказчика, но и привести к общему пониманию задачи и ожидаемого результата всю команду. Если это грамотно и вовремя транслировать заказчику, то можно уже на ранней стадии проекта начать выстраивать верно заданное русло для его воплощения.
Детально первичные исследования мы рассматривали в статье «Дизайн-мышление. Гайд по процессу». Первичные исследования жизненно необходимы, когда нужно определить проблему, придумать идею для стартапа, инновационного продукта или нового сервиса.

В веб-дизайне больше распространено вторичное исследование. Оно помогает понять что делать в данных условиях. Это не выявление проблемы, а погружение в суть и расширение области знаний.
Вторичное исследование — это вдумчивый поиск по всему, что есть в интернете, прессе, книгах и любом другом открытом источнике информации. Подойдет любая информация по теме: конкуренты, аналоги, тренды, контент. Нужно обращать внимание на удачные решения и чужой опыт в данных и смежных областях.

Дизайн тесно связан с маркетингом. Если первичное исследование — это работа с людьми и ситуацией и больше подходит для инноваций, то вторичное — это о том, как продать: что вынести на главную страницу, как вовлечь пользователя.


Вторичное исследование — работа с информацией, которая позволяет быстро погрузиться в бизнес клиента и начать ориентироваться в теме, о которой вы до сих пор не знали ничего.
Мы разработали свою методику исследования на основе нашей практики. Она позволяет выполнять работу качественно — делать современные, функциональные сайты, которые нравятся заказчику, и соблюдать сроки.

Вторичное исследование мы разбили на шесть этапов: веб-исследование, исследование рекламной продукции, исследование паттернов интерфейсов, исследование стиля жизни, исследование графических стилей, исследование трендов.
1

Веб-исследование

Веб-исследование — просмотр, сохранение скриншотов и анализ сайтов конкурентов, сайтов соответствующей тематики и сайтов в кросскатегориях.

Задачи данного этапа: расширить общие знания по теме и найти источник информации.

Во-первых, веб-исследование необходимо для того, чтобы расширить горизонт знаний. Механически так устроено, что когда начинаешь просто смотреть, то накопленная информация погружает тебя в тему. Это также решает проблему боязни белого листа — когда не знаешь с чего начать.

Во-вторых, исследование сайтов помогает понять какие есть информационные блоки и разделы. Как группируется информация, что выносится на главную страницу и как решены ключевые внутренние страницы.

Пример

Если вы делаете сайт для футбольной команды, то подойдут сайты и баскетбольных клубов и хоккейных, потому что структура у таких сайтов схожая.

Никита Обухов
Основатель Tilda Publishing, креативный директор студии FunkyPunky
Хороший пример — когда мы делали редизайн сайта банка, то смотрели и сайты банков, но так же просто крупных компаний, которые работают с большим количеством людей и организаций. Мы обнаружили решение, которое сейчас стало распространенным, но на тот момент было неочевидным. Большие компании пришли к тому, чтобы сгруппировать услуги в два больших раздела: для физических и для юридических лиц, чтобы не перегружать меню. Теперь это частый паттерн.
Начните с просмотра и собирания скриншотов главных и ключевых страниц. Смотрите сайты конкурентов, сайты по теме и сайты в смежных категориях, в русскоязычном сегменте и зарубежные. Постепенно станет понятно какие пункты меню часто встречаются, как организована информация в принципе.

Затем нужно макеты разделить на блоки. Посмотреть и выписать сущности, которые встретились, например: календарь, галерея, новости и т.д. Делается это в обычном текстовом файле — записываем все, с избытком. Пока не важно что из этого подойдет для будущего сайта. Часто повторяющиеся сущности выделяем жирным.

Когда начинаешь разбирать детально, то оказывается что одни и те же блоки повторяются от одного сайта к другому, просто в разном оформлении. Когда ты это замечаешь, то думаешь: почему так? Наверняка это нужно людям, им нравится, это важно для посетителей. Если есть закономерность, то это не случайно.

В итоге у вас должен появиться текстовый файл с возможной структурой будущего сайта.

В традиционном маркетинге такой тип исследования называется бенчмаркинг (англ. Benchmarking) — процесс оценивания и сопоставления характеристик собственной компании и некой организации, принятой за образец. Обычно это «лучшая» продукция или маркетинговый процесс, используемый прямыми конкурентами и фирмами, работающими в подобных областях.

Валери Аренас
ARENAS®lab
В этом деле очень сильно помогает навык выявлять приоритеты. Расширяйте круг поиска, сфокусируйте внимание на брендах партнёров, поставщиков и т.д.. Например, в сфере услуг – это компании-производители оборудования и расходных материалов. Как правило, это более масштабный бизнес, и у них в области бренд-стратегии все гораздо интереснее. Подсказка: в основе таких предприятий бизнес-процессы другого масштаба, они не могут себе позволить эксперименты.
2

Поиск референсов

Референсы (от англ. reference — справка, сноска) — вспомогательные изображения, к которым обращается дизайнер в поисках дополнительной информации и визуальных ходов, которые помогут точнее передать его идею.

Другими словами референсы — это вдохновляющие примеры. Просмотр и коллекционирование качественных образцов хорошего дизайна — это такая же часть работы, как и рисование макета. Хороший дизайнер регулярно просматривает новые сайты и следят за тенденциями. Найти вдохновение — не значит скопировать. Поиск референсов — это анализ и синтез информации для создания оригинального проекта.

В поисках референсов не обязательно привязываться к специфической теме, смотрите
хорошие, современные сайты и отмечайте элементы, которые показались вам выразительными и могли бы пригодиться в дальнейшей работе.

Пример

Коллекция референсов для образовательного проекта.

Источники:

awwwards.com

siteinspire.com

cssawards.net

httpster.net

3

Исследование паттернов интерфейса

Исследование паттернов интерфейса — поиск вариантов оформления одной и той же сущности (календарь, сетка постов, галерея, блок с новостями и т.д.)

После того, как мы определились с элементами, которые часто встречаются, нужно посмотреть как они могут быть оформлены.

У опытного дизайнера в голове десятки разных вариантов. Если насмотренность пока небольшая — нужно искать, как другие люди решали задачу. Находить разные приемы, как можно сделать одно и то же с помощью интерфейса.

Пример

На скриншотах ниже примеры сетки анонсов. Это все анонсы событий, но они абсолютно разные.
Например, вы делаете сайт для музыкальной группы и в результате веб-исследования вы решили, что на главной странице будут следующие элементы: обложка, описание, последние альбомы и расписание туров. Создаете 4 папки и снова сохраняете скриншоты, но прицельно по каждому из этих элементов.

В результате у вас должны появиться подборки как могут быть оформлены основные элементы интерфейса.
4

Микроанимация в интерфейсах

Анимация в интерфейсах — один из трендов веб-дизайна, поэтому помимо того, как выглядят элементы, нужно собирать еще образцы того, как они взаимодействуют с пользователем.

Образцы можно записать на телефон, сделать скринкаст или просто сохранить ссылку. Когда есть живой пример, то проще объяснять верстальщику что нужно сделать.

Источники:

sixux.com

dribbble.com

5

Исследование рекламных материалов

Исследование рекламных материалов — это подборка образцов рекламы: афиши, постеры, визитки, видеоролики, баннеры. Так же можно посмотреть обложки игр, фильмы.

Разыскиваются любые виды визуального искусства, которые могут ассоциироваться с темой проекта.

Пример

В случае с NASA это могли бы быть плакаты о покорении космоса, красочные фотографии звездного неба со спутника, комиксы про космические приключения, Space Invaders, Space Odyssey и так далее.

Пример

Если вы делаете сайт для йога-центра, посмотрите и сохраните постеры, баннеры, айдентику, одежду, игрушки.

Источник:

niice.co

Сайт для поиска визуальных материалов. Отличительная особенность — поиск производится по лучшим дизайнерским ресурсам. Кроме поиска можно создавать доски и делать подборки прямо на сайте.
6

Исследование контекста или стиля жизни

Исследование контекста или стиля жизни — это создание коллекции изображений, которая помогает рассказать о теме заказчику или арт-директору. То есть в данном случае картинки — это слайды, иллюстрирующие рассказ.

Необходимо найти изображения, которые описывают стиль жизни клиента. Они должны моментально давать зрителю, далекому от темы, общее представление о мире, в котором живет заказчик и его проект.

Например, для описания NASA подойдут: ракеты и спутники, центр управления полетами, научные схемы и графики, история покорения космоса, главные лица в истории компании, марсоход и так далее.
Консолидация информации:

— Коллекция должна выглядеть хорошо. Изображения должны быть качественными.
— Изображения должны гармонировать между собой по цветам, размерам и по смыслу.
— В идеале, в собранные изображения не нужно долго всматриваться, все ключевые образы сразу оказываются перед глазами. Посмотрел на коллаж из 40 картинок и все понял без слов.

Пример

Исследование стиля жизни: загородная жизнь.
Ваш заказчик строит загородные деревянные дома. Сайт его выглядит как газета «Экстра-М», ну и собственно все, что вы пытаетесь найти по конкурентам — это ужас, треш и колхоз. Ничего не понятно. Приходите к заказчику в офис: потолки Armstrong, мебель из 90-х, пыльные окна. Вы сразу же ограничены этими рамками, в которых сложно найти креативное решение.

К чему нужно обратиться?

Выделяем само понятие — «загородная жизнь». Зачем человек заказывает деревянный дом? Вероятно, ему нужен не сам дом, а некий образ жизни, который появляется вместе с ним. То есть деревянный дом — это не коробка из бревен, это приятное время с семьей или друзьями. Это дети или внуки, которые растут крепкими и здоровыми, потому что много времени проводят на свежем воздухе. Это возможность собрать библиотеку и больше читать. Поставить мольберт и наконец-то реализовать давнюю мечту — написать картину маслом. Можно собрать большую компанию на барбекю или наоборот остаться в одиночестве, спасаясь от большого города. Природа, рыбалка, грибы.
Такая картина заряжает и вдохновляет.

Не строительный рынок и прайс-листы, а атмосфера того, что человек получает, когда заказывает деревянный дом. За счет этих образов вы погружаетесь и получаете вдохновение, понимаете, что нужно делать.

Картинки можно сохранить в папке на компьютере, собрать коллекцию онлайн (используя pinterest.com), но нагляднее всего получается, когда вы распечатываете и развешиваете изображения на стене.
Коллекция изображений, собранная во время работы над одним из проектов, в студии FunkyPunky.
7

Исследование графических стилей

Исследование графических стилей — это поиск подходящих точных образцов стиля, который можно применить в оформлении работы, без привязке к теме.

Тема, над которой вы работаете, уникальная, а стилей не так много. Что-то новое придумать сложно. Поэтому чем ближе найденный стиль к тому, что у вас будет, тем лучше.

Ищутся любые виды графики, стиль которой может подойти для проекта: готовые фирменные стили, иллюстрации и инфографика, фотографии, шрифт, типографика и т.д.

Валери Аренас
ARENAS®lab
На мой взгляд, очень важно начинающим дизайнерам создать библиотеку или архив и ежедневно просматривать проекты и произведения. Развивайте визуальный опыт. Изучайте и расщепляйте на «атомы». Учтите, для того, чтобы действительно видеть проекты насквозь, нужна хорошая теория, подкреплённая опытом.
Стилистическая коллекция служит для вдохновения дизайнера и для наглядной демонстрации идей заказчику.

Сначала просто смотрим все подряд и сохраняем интересные образцы. Когда их накопится достаточно много, группируем похожие.

В результате у вас должны получиться несколько наборов, каждый из которых будет представлять в дальнейшем одну графическую концепцию.

Пример

В рекламе спортивных событий часто используют образы героев. Как это может быть оформлено? Традиционно, это студийные фотографии, но можно сделать иллюстрации. Ниже подборка изображений в стиле рваной графики.

Пример

Поиск стиля для фэшн бренда. Темный фон, красивые люди, приглушенные цвета — разные источники, но близкий стиль.

Источники:

ffffound.com

baubauhaus.com

designspiration.net

8

Аналитика текущего состояния

Аналитика текущего состояния — изучение и выделение положительных и отрицательных решений настоящей версии продукта.

Если речь о редизайне, то прежде чем что-то переделывать, надо разобраться что хорошего и что плохого в существующем сайте.

Это делается при помощи сбора статистики сайта и ее анализа. Информативной является тепловая карта — куда посетители больше кликают.

Также нужно собрать отзывы, провести юзабилити тестирование текущего интерфейса, чтобы понять где есть острые углы и как их скруглить.
Фокусировка — неотъемлемая часть исследования. Нужно определить задачу и концепцию решения. По-простому — сделать вывод.

Большой объем информации нуждается в том, чтобы его разобрали, поняли, сгруппировали и оставили только суть.

Любое исследование бессмысленно без фокусировки.

Форматы фокусировки

1

Расширенный бриф

Расширенный бриф — это вывод по итогам глубинного интервью с заказчиком, заполняется после беседы.

Расширенный бриф отличается от брифа, который используется для первоначального ознакомления с проектом.

По сути, это уточнение задания по проекту, которое раскрывает суть того, как видит себе решение заказчик. Так же дает понять точку зрения клиента на свой бизнес и индустрии, в которой он работает, в целом.

Основные топики:


— описание бизнеса
— целевая аудитория
— подробный рассказ о проекте
— предпочтения клиента
— технические нюансы

Пример брифа
2

Заключение по исследованию

Заключение по исследованию — это обобщение и вывод, что стало понятно, по каждому этапу.

Заключение помогает сфокусироваться и обобщить полученные знания. Если это веб-исследование, то заключение может звучать так: мы посмотрели сайты и выяснили, что большинство конкурентов на главную страницу чаще всего ставят: анонсы событий, описание практики и фотографии интерьеров. Выглядят они довольно уныло из-за того, что используются фотографии плохого качества и небольшого разрешения, меню перегружено и затрудняет навигацию, шрифты почти у всех системные. Цветовая гамма у большинства в сине-зеленом спектре. И так далее.

Не обязательно писать формальный отчет на мелованной бумаге, но когда вы облекаете в слова то, что увидели, становится очевиднее направление, в котором нужно двигаться.

Оптимальный вариант — собрать презентацию с помощью Tilda Publishing. Это очень быстро и просто. Информация получится наглядной, и ей в любой момент можно будет поделиться с коллегами или заказчиком, отправив ссылку.

Большие студии могут себе позволить делать объемные презентации по исследованию в виде роликов, как например, студия Fantasy. На видео ниже пример презентации «Каким должен быть сайт будущего авиакомпании?»

Is This The Future of The Airline Website? from Fantasy on Vimeo.

3

Стикер-сессия

Напишите на стикерах основные мысли, которые вы услышали.

Запишите какие вы выявили проблемы, свои наблюдения. Наклейте на доску, группируя по смыслу. Если много информации по главной странице — сделайте облако «главная страница», наклей туда все идеи. Обсудите результат с коллегами.
Фото: flickr.com/wonderfull-lab
4

Формулирование «точки зрения»

«Точка зрения» — утверждение, которое фокусирует внимание на находках, сделанных в процессе исследования.

Озвучьте «точку зрения» путем объединения трех элементов: пользователя, потребности и инсайта.

Простая версия: как мы можем помочь конкретному человеку сделать что-то с помощью сервиса? Совершить то действие, где возникают проблемы.

Подробнее об методе смотрите в статье «Дизайн-мышление. Гайд по процессу».
5

Написание стратегии

Стратегия — это расширенный, объемный документ. Примерные пункты из которых он может состоять:

  • Текущая версия: плюсы и минусы
  • Целевые действия, что люди делают
  • Определение целевых групп, их представителей и потребностей
  • Адаптивность
  • Общая тональность
  • Элементы стиля
  • Особенности, «фишки»
  • Прототипы
6

Moodboard

Доска, на которой собираются и группируются все элементы графики, чтобы сложилась концепция, видение проекта.


Moodboard должен

давать моментальное представление зрителю о том, каким будет визуальный образ проекта

передать настроение и общее ощущение от проекта

передать контекст, мир в котором находится потребитель

дать представление о том, как видит проект дизайнер, еще до того, как рисовать дизайн.

Валери Аренас
ARENAS®lab
Советую идти дальше, не придерживаться строгих правил. Чтобы быть уверенным в своем решении, руководствуйтесь принципами, а не правилами.

Смешивайте, ищите экстраординарный результат. В основе проектирования должна лежать сильная мотивация. Она вам понадобится, чтобы без замедлений отказываться от заурядных идей. Секрет в том, что нужно поставить свой мозг в жесткие рамки, обозначить высокую планку, не искать лёгких путей. Загоняйте мозг в тупик, и он выдаст оригинальное решение, когда поймет, что деваться некуда.

Q&A

Нужно показывать заказчику само исследование?

Это зависит от заказчика. Вообще, исследование делается для дизайнера, того, чтобы увеличить эффективность его работы. Но если клиент готов вникать в детали, плотно погружается в процесс и вы чувствуете, что вы с ним на одной волне, то исследования могут помочь вашему взаимодействию. Так обычно бывает с некрупными заказчиками, которые лично переживают за свое дело.

Если клиент крупный, то промежуточные исследования лучше не демонстрировать, а сделать упор на эффектную презентацию концепции. Когда вы работаете через посредника и не общаетесь напрямую с человеком, принимающим решение, то умение продать идею становится ключевым.

Также в этом курсе

5
Скетчбук
Зачем они нужны, как помогают в работе, и как сделать скетчбук своими руками.
Предыдущая
7
Тренды веб-дизайна
Приемы и принципы веб-дизайна, которые помогут вам создать современный сайт.
Следующая
Оглавление

© Обухов Н.В., 2015 Все права защищены. Перепечатка и цитирование материалов — только с разрешения автора.

По всем вопросам пишите на hello@tilda.cc